@charset "utf-8";

/* 重置浏览器 */
html{-webkit-text-size-adjust: none;}
body,html{margin:0; padding:0; font-family: "微软雅黑";color:#666; min-width: 1400px;overflow-x: auto;}
div,form,img,ul,ol,li,dl,dt,dd {margin:0;padding:0;border:0;}
input,select,h1,h2,h3,h4,h5,h6,object{margin:0;padding:0;}
input, select, textarea{ font-family: "微软雅黑"; }
ul,li{list-style-type:none;}
i{ font-style:normal;}
a{text-decoration:none; color:#666; outline:none; }
a:hover{ cursor: hand;color:#666; }
img{display: block; border: none; vertical-align: middle;max-width: 100%;}
p,ul{ padding:0; margin:0; }
button,input,textarea{outline: none !important;}

/* 登录页 */
.login {
	background-image: url('../../_$_project/img/bg-login1.jpg');
	background-repeat: no-repeat;
	background-position: 0 center;
	background-size: contain;
	background-color: #fdfdff;
	min-width: 1400px;
}
.login .loginBox{width:400px;height: 450px;left:-20%;}


/* 左右切换 高仿 ios过场动画 */
/* 动画函数 */
.LtoR-enter-active, .LtoR-leave-active{transition:all 0.35s cubic-bezier(.165,.84,.44,1);}
.LtoR-enter{opacity: 1;}
.LtoR-leave-to{opacity: 0;}
.LtoR-enter,.LtoR-leave-to{transform: translateX(300px);}

/* iview 强制修改样式 */
.ivu-modal-close{top:3px !important;background-color:white; border-radius: 100%;}
.ivu-modal-header{padding:8px 15px !important;}
.ivu-input[type="text"]{padding-right:30px !important;}
.ivu-input[type="number"]{padding-right:30px !important;}
.ivu-table-border th{border-bottom: 1px solid #aaa !important;}
.goOnTxt .ivu-table-cell{
	/* 文字自动换行 */
	word-wrap:break-word;word-break:break-all;
	padding-left: 10px;
	padding-right:10px;
	
}
/* keepOneTxt只有 bigEachCol_backup_ok 在用，其他地方都没在用 */
.keepOneTxt .ivu-table-cell{
	
	/* 文字全部在一行不换行 */
	white-space: nowrap;word-break: keep-all;
	padding-left: 10px;
	padding-right:10px;
	
}
th.goOnTxt .ivu-table-cell,
th.keepOneTxt .ivu-table-cell{
	line-height: 2;
}
.goOnTxt:first-child .ivu-table-cell,
.keepOneTxt:first-child .ivu-table-cell{
	padding-left: 5px;
	padding-right:5px;
}

.ivu-table-border th{font-weight: normal !important;}
.ivu-table-border td{border-right:1px solid #f6f6f6 !important;}

.tempFW .ivu-input[disabled]{color: #333 !important; cursor:auto !important;background-color: #fafafa !important; border:0;}

/* 取消 input number 时去掉上下箭头 */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none; }
input[type="number"]{ -moz-appearance: textfield; }

/* 底部固定栏 */
.diBs{height: 50px;line-height:40px;padding:0 30px;background-color:#f3f3f3;border-top: 1px solid #ccc; 
	position: absolute;z-index: 76;
	bottom:0;right:0;margin: auto
}


/* 专利提交流程 */
.TJ_big {
	max-width: 1500px;
	margin-bottom: 20px;
}
.TJ_big:last-of-type{margin-bottom: 0;}
.TJ_big:last-of-type .TJ_box{border:none;}
.TJ_title {
	width: 100px;
	margin-right: 20px;
	float: left;
	text-align: right;
	overflow: hidden;
}
.TJ_title.w50 {width: 50px;}
.TJ_title.w150 {width: 150px;}
.TJ_title.w200 {width: 200px;}
.TJ_box {
	overflow: hidden;
	border-bottom: 1px solid #e8eaec;
}

.TJ_box::after,.clearBoth {
	content: "";
	clear: both;
}
.JC_img{
	height:120px;width:100px; border:1px dashed #ccc; 
}
.JC_img:hover{
	background-color: #f9f9f9;
	border-color:#999;
}
.SQ_Wrap {
	background-color: #fafafa;
	padding:10px 10px 15px 10px;
	width: 430px;
	float: left;
	margin: 0 20px 20px 5px;
	border-radius: 5px;
	border:1px solid #eee;
}
.SQ_Wrap:hover{
	box-shadow: 0 1px 6px rgba(0,0,0,0.08)
}
.SQ_Wrap .title{
	border-bottom: 1px solid #eee;
	margin-bottom: 15px;
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 10px;
}
.TiconCT {
	padding-top: 28px;
}
.SQ_One_L {
	width: 100px;
	display: inline-block;
	text-align: right;
	padding-right: 15px;
}
.SQ_One_L.w150{width: 150px;}
.SQ_One_L.w200{width: 200px;}
.SQ_One_R {
	width: 300px !important;
}
.tableNav {
	border-bottom: 2px solid #5887ef;
	overflow: hidden;
  }
  .tableNav > li {
	padding: 0 50px;
	float: left;
	text-align: center;
	border: 1px solid #eee;
	border-bottom: none;
	border-right-width: 0;
	line-height: 35px;
	cursor: pointer;
  }
  .tableNav > li:hover {
	background-color: #f3f3f3;
  }
  .tableNav > li:last-of-type {
	border-right-width: 1px;
  }
  .tableNav > li.active {
	background-color: #5887ef;
	color: white;
	border-left-width: 0;
  }
  .tableNav.bigNav {
	position: relative;
	top: 1px;
	z-index: 14;
  }
  .tableNav.bigNav > li {
	font-size: 14px;
	line-height: 2.5;
	padding: 0 30px;
	border: 1px solid transparent;
	border-bottom: none;
	font-weight: bold;
	color: #999;
  }
  .tableNav.bigNav > li:hover {
	background-color: #eee;
  }
  .tableNav.bigNav > li.active {
	background-color: white;
	color: #333;
	border: 1px solid #e8eaec;
	border-bottom: none;
  }

  .rMoneyBox{
    position: fixed;right:20px;top:105px;
    width: 200px;
    background-color:white;
    border: #eee solid 1px;
    z-index: 35;
    border-radius: 5px;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.05)
  }

  .rMoneyBox .suoJ{
	  position: absolute;
	  right:10px;
	  bottom:10px;
  }

/* 文件上传框重定义 */
.InputFileBox{z-index: 11; position: absolute;left: 0;right:0;top:0;bottom:0;margin: auto;width: 100%;height: 100%;;opacity: 0;cursor: pointer;}
.InputShowImg{z-index: 10;position: absolute;left: -1px;right:0;top:0;bottom:0;margin: auto;width: 102%;height: 102%;max-width: none;}



.zN45 .delLine,
.zSB45_box .delLine{color:#ccc !important; text-decoration: line-through; cursor: auto;}
.zN45 .delLine:hover,
.zSB45_box .delLine:hover{color:#ccc !important;}
.zSB45_box{margin:-16px;background-color: #fafafa;}

.zSB45_box .zSB45_L{overflow-y: auto;overflow-x: hidden; height: 500px;background-color: #f3f3f3;}
.zSB45_box .zSB45_R{overflow-y: auto;overflow-x: hidden;height: 500px;}
.zSB45_box .zSB45_Z{overflow-y: auto;overflow-x: hidden;height: 500px;}
.zSB45_box .tD{border: 1px solid transparent;border-radius: 6px;}
.zSB45_box .tD:hover{border-color:#5887ef; position: relative;background-color: white;}

/* .zSB45_box .tD::before{transition:all 0.3s ease;} */
.zSB45_box .tD:hover::before{
	content: '×';color:white;position: absolute;right:0;top:0;height:17px;width:17px;background-color: #5887ef;font-size: 18px;line-height: 14px;text-align: center;border-radius:0 5px;
}

/* 专利缴年费列表 */
.quanZr{border-bottom: 1px solid #e8eaec; line-height: 2;margin: 0 -10px; padding:0 10px;}
.quanZr:last-of-type{border-bottom:none;}









/* 公共工具 */
.pullRight{float: right !important;}
.pullLeft{float: left !important;}
.textCenter{text-align: center !important;}
.textRight{text-align: right !important;}
.textLeft{text-align: left !important;}
.blockCenter{ display: block !important;margin: 0 auto !important;}
.tran3,.textLink,.textLine{transition:all 0.3s ease !important;}
.textLink,.textLine{cursor: pointer !important;}
.textLink:hover{color:#5887ef !important;background-color: transparent !important;}
.textLine:hover{text-decoration: underline;}


/*公共样式*/
.fixedCenter{top: 0;bottom: 0; left: 0;right: 0;margin: auto;}
.overflowH{overflow: hidden !important;}
.overflowV{overflow: visible !important;}
.borderNone{border:none !important;}
.f_bold{font-weight: bold !important;}
.f_normal{font-weight: normal !important;}
.lineH1{line-height: 1 !important;}
.lineH1d5{line-height: 1.5 !important;}
.lineH2{line-height: 2 !important;}
.lineH30{line-height: 30px !important;}
.lineH34{line-height: 34px !important;}
.radius0{border-radius: 0 !important;}
.radius100{border-radius: 100px !important;}
.shadowNone{box-shadow: none !important;}
.heightAuto{height: auto !important;}
.height100{height: 100% !important;}
.widthAuto{width: auto !important;}
.width100{width: 100% !important;}
.marginCenter{margin:0 auto;}
.margin0{margin: 0 !important;}
.margin5{margin: 5px !important;}
.marginT0{margin-top: 0px !important;}
.marginT5{margin-top: 5px !important;}
.marginT10{margin-top: 10px !important;}
.marginT20{margin-top: 20px !important;}
.marginB10{margin-bottom: 10px !important;}
.marginB5{margin-bottom: 5px !important;}
.marginR5{margin-right: 5px !important;}
.marginL5{margin-left: 5px !important;}
.marginL10{margin-left: 10px !important;}
.marginL20{margin-left: 20px !important;}
.marginR10{margin-right: 10px !important;}
.marginR20{margin-right: 20px !important;}
.marginR30{margin-right: 30px !important;}
.marginB20{margin-bottom: 20px !important;}
.marginB30{margin-bottom: 30px !important;}
.marginB15{margin-bottom: 15px !important;}
.padding5{padding:5px !important;}
.padding10{padding:10px !important;}
.padding15{padding:15px !important;}
.padding20{padding:20px !important;}
.padding5-10{padding:5px 10px !important;}
.padding10-0{padding:10px 0 !important;}
.padding15-0{padding:15px 0 !important;}
.padding0-10{padding:0 10px !important;}
.padding5-0{padding:5px 0 !important;}
.paddingLi{padding:10px 15px !important;}
.paddingLR15{padding:0 15px !important;}
.paddingT10{padding-top:10px !important;}
.paddingT15{padding-top:15px !important;}
.paddingR0{padding-right:0 !important;}
.paddingL0{padding-left:0 !important;}
.paddingB0{padding-bottom:0 !important;}
.paddingT0{padding-top:0 !important;}
.paddingL10{padding-left:10px !important;}
.paddingL20{padding-left:20px !important;}
.paddingL30{padding-left:30px !important;}
.paddingL40{padding-left:40px !important;}
.paddingR10{padding-right:10px !important;}
.paddingR20{padding-right:20px !important;}
.paddingB10{padding-bottom:10px !important;}
.paddingB20{padding-bottom:20px !important;}
.padding0{padding:0 !important;}
.relative{position: relative !important;}
.absolute{position:absolute !important;}
.pointer{cursor: pointer !important;}
.underline{text-decoration: underline !important;}
.inlineBlock{display: inline-block !important;}
.visHidden{visibility: hidden !important;}
.hidden{display: none !important;}
.delLine {
	color: #ccc !important;;
	text-decoration: line-through !important;;
	cursor: auto !important;;
}

/*图片*/
.fill { object-fit: fill; }
.contain { object-fit: contain; }
.cover { object-fit: cover; }
.none { object-fit: none; }
.scale-down { object-fit: scale-down; }


/* 溢出不换行 仅 谷歌内核 支持，请慎用 */
.oneIn{white-space:normal;overflow: hidden;display:-webkit-box;-webkit-box-orient:vertical;}
.oneIn_1{-webkit-line-clamp:1;}
.oneIn_2{-webkit-line-clamp:2;}
.oneIn_3{-webkit-line-clamp:3;}
.oneIn_10{-webkit-line-clamp:10;}

/*PC端 溢出不换行 全平台浏览器 通杀*/
.txtOneLine{
	width:100%;
	word-break:keep-all;/* 不换行 */
	white-space:nowrap;/* 不换行 */
	overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
	text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
	display: block;
}

/*文字*/
.f_10{font-size: 10px !important;}
.f_12{font-size: 12px !important;}
.f_14{font-size: 14px !important;}
.f_16{font-size: 16px !important;}
.f_18{font-size: 18px !important;}
.f_20{font-size: 20px !important;}
.f_24{font-size: 24px !important;}
.f_26{font-size: 26px !important;}
.f_28{font-size: 28px !important;}
.f_30{font-size: 30px !important;}
.f_35{font-size: 35px !important;}
.f_38{font-size: 38px !important;}
.f_40{font-size: 40px !important;}
.f_45{font-size: 45px !important;}
.f_50{font-size: 50px !important;}
.f_60{font-size: 60px !important;}
.f_70{font-size: 70px !important;}


/*系统色*/
.cWhite{color:white !important;}
.bgWhite{background-color:white !important;}
.bgEEE{background-color:#eee !important;}
.bgCCC{background-color:#ccc !important;}
.bgTran{background-color: transparent !important;}
.c333{color:#333 !important;}
.c666{color:#666 !important;}
.c888{color:#888 !important;}
.c999{color:#999 !important;}
.cCCC{color:#ccc !important;}
.cBlue{color:#5887ef !important;}
.bgBlue{background-color: #5887ef !important;}
.cGreen{color:#449d44 !important;}
.cRed{color:#f76464 !important;}
.cOrange{color:#ff6600 !important;}


/*按钮禁用时灰色*/
button[disabled]{background-color: #eee !important; border-color: transparent !important;}


/*媒体判断*/
@media (max-width:1200px){
	
}

/*小屏电脑*/
@media (max-width:991px){
}

/*平板*/
@media (max-width:767px){
}

/*以i6p 为分界线，兼容以下屏幕*/
@media (max-width:415px){
}

/*i6*/
@media (max-width:375px){
}

/*安卓*/
@media (max-width:360px){
}

/*i5*/
@media (max-width:320px){
}





















